<header>
    计算属性
</header>
<h2>
    基本写法
</h2>
<pre tag="html">
<template>
    {{info}}
</template>
&lt;script&gt;
    export default {
        computed: {
            info: function () {
                return "当前时间：" + new Date().valueOf()
            }
        }
    }
&lt;/script&gt;
</pre>
<h2>
    自定义setter
</h2>
<p>
    计算属性默认只有 getter，不过在需要时你也可以提供一个 setter：
</p>
<pre tag="javascript">
export default {
    computed: {
        fullName:{
            get: function () {
                return this.firstName + ' ' + this.lastName
                },
            set: function (newValue) {
                let names = newValue.split(' ')
                this.firstName = names[0]
                this.lastName = names[names.length - 1]
            }
        }
    }
}
</pre>
<p>
    现在再运行
    <span class="special">this.fullName = '托马斯 米奇'</span>
    时，setter 会被调用，this.firstName 和 this.lastName 也会相应地被更新。
</p>
